<template>
  <GdContainer
    v-for="(tableRowData, rowIdx) in tableBodyData"
    :key="rowIdx"
    :inset="inset"
    :style="containerStyle"
  >
    <GdList
      :list-container-type="listContainerType"
      :col-num="colNum"
      :has-grid-border="hasGridBorder"
      :table-col-meta-list="tableColMetaList"
      :table-row-data="tableRowData"
      :row-idx="rowIdx"
      :label-common-attr="labelCommonAttr"
    >
    </GdList>
  </GdContainer>
</template>
<script>
export default {
  name: "TableList",
};
</script>
<script setup>
import GdContainer from "@gd-accbuild-ui/gd-ui/mobile/gd-container/gd-container.vue";
import GdList from "@gd-accbuild-ui/gd-ui/mobile/gd-list/gd-list.vue";

const props = defineProps({
  inset: {
    type: Boolean,
    default: false,
  },
  listContainerType: {
    type: String,
  },
  colNum: {
    type: Number,
  },
  hasGridBorder: {
    type: Boolean,
  },
  tableColMetaList: {
    type: Array,
    default: () => [],
  },
  tableBodyData: {
    type: Array,
    default: () => [],
  },
  containerStyle: {
    type: Object,
    default: () => ({}),
  },
  labelCommonAttr:{
      type:Object
  }
});
</script>
<style lang="scss" scoped></style>
